<?php
/*
* Template Name: Hours & Directions
*/
?>

<?php $dir = get_bloginfo('stylesheet_directory'); ?>

<?php get_header(); ?> 

		<div id="hours-directions-page">
		<div id="top_nav">
        	<?php wp_nav_menu(); ?>
        </div>
        
        <div class="clear"></div>
        
        <div id="content_wrapper">

        <div id="slideshow_container">
        	<p id="slideshow">
            	<img src="<?php echo($dir); ?>/images/slideshow/14.jpg"/>
                <img src="<?php echo($dir); ?>/images/slideshow/15.jpg"/>
            </p>
        </div>

 
 <div id="body_content">
                <div class="sidebar">
                    <p id="sidebar_headline">We are located right in Hull's Nantasket Beach!</p>
                    <div id="social_wrapper">
                        <div id="facebook">
                        	<div id="tweet">
                        	<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out Bridgeman's Restaurant in Hull, MA!" data-hashtags="bridgemansrestaurant">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
							</div>
                            <div id="like" class="fb-like" data-href="http://www.facebook.com/pages/Bridgemans-Restaurant/137124392996252" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" data-font="trebuchet ms">
                            </div>
                            <div id="google_plus">
								<g:plusone size="medium" annotation="none"></g:plusone>

								<script type="text/javascript">
                                  (function() {
                                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                    po.src = 'https://apis.google.com/js/plusone.js';
                                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                                  })();
                                </script>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                   <div class="open_table_wrapper">
                    	<div class="open_table">
                            <img src="<?php echo($dir); ?>/images/opentable-logo.jpg" alt="Open Table icon" title="Click here to make a reservation with OpenTable!" />
                            <p><a id="click_here" href="http://www.opentable.com/single.aspx?rid=53038&restref=53038" target="_blank">Make a reservation<br/><br/></a></p>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div id="main">
           			<h1><?php the_title(); ?></h1>
                    <div id="directions">
                    	<div>
                            <h3>From I-93</h3>
                            <p>Take Exit 12 (Route 3A Quincy). Follow signs for 3A through Quincy, Weymouth and Hingham. 3A leads you directly into Hull. Bridgeman's is on your left directly across the street from the water.</p>
                        </div>
                        <div>
                            <h3>From Route 3</h3>
                            <p>Take exit 14 (Rockland, Nantasket) to Route 228 North. Follow Route 228 North into Hull. Route 228 becomes Nantasket Ave. Bridgeman's is on your left directly across the street from the water.</p>
                        </div>
                    </div>
                    <div id="hours">
                    	<h3>Hours:</h3>
                    	<div id="days">
                            <p>Monday</p>
                            <p>Tuesday</p>
                            <p>Wednesday</p>
                            <p>Thursday</p>
                            <p>Friday</p>
                            <p>Saturday</p>
                            <p>Sunday</p>
                        </div>
                        <div id="times">
                            <p>4:30 - 9:00</p>
                            <p>4:30 - 9:00</p>
                            <p>4:30 - 9:00</p>
                            <p>4:30 - 9:00</p>
                            <p>11:30 - 10:00</p>
                            <p>12:00 - 10:00</p>
                            <p>12:00 - 8:00 </p>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div id="map">
                   <iframe width="573" height="210" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=d&amp;source=s_d&amp;saddr=145+Nantasket+Avenue,+Hull,+MA+02045-3153+(Bridgeman's+Restaurant)&amp;daddr=&amp;geocode=Fa3zhAId1uLG-yEy13gqCNolNA&amp;aq=&amp;sll=42.30507,-70.95599&amp;sspn=0.155394,0.363579&amp;vpsrc=6&amp;gl=us&amp;hl=en&amp;mra=ls&amp;ie=UTF8&amp;ll=42.30507,-70.95599&amp;spn=0.155394,0.363579&amp;t=m&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=d&amp;source=embed&amp;saddr=145+Nantasket+Avenue,+Hull,+MA+02045-3153+(Bridgeman's+Restaurant)&amp;daddr=&amp;geocode=Fa3zhAId1uLG-yEy13gqCNolNA&amp;aq=&amp;sll=42.30507,-70.95599&amp;sspn=0.155394,0.363579&amp;vpsrc=6&amp;gl=us&amp;hl=en&amp;mra=ls&amp;ie=UTF8&amp;ll=42.30507,-70.95599&amp;spn=0.155394,0.363579&amp;t=m" style="color:#0000FF;text-align:left"></a></small>
                        <div id="get_directions">
                            <div id="google_directions">
                                <p class="links"><a href="http://maps.google.com/maps?q=Bridgeman%27s+Restaurant,+Nantasket+Avenue,+Hull,+MA&hl=en&sll=42.269164,-70.856559&sspn=0.009718,0.022724&vpsrc=0&hq=Bridgeman%27s+Restaurant,&hnear=Nantasket+Ave,+Hull,+Massachusetts&t=m&z=14" target="_blank">Get directions from Google &rarr; </a></p>
                            </div>
                            <div id="mapquest_directions">
                                <p class="links"><a href="http://mapq.st/sW7Z9g" target="_blank">Get directions from Mapquest &rarr;</a></p>
                             </div>
                        </div>
                	</div>                             
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        </div>
        
    <?php get_footer(); ?>